<!doctype html>
<html>
<head>
<link rel="icon" href="http://www.mobiletrain.org/favicon.ico" 
      type="/image/x-icon">
<meta charset="utf-8">
<title>CSS扩展</title>
<style>
  	li{ list-style:none; float:left; width:105px; height:120px;
		background:url(class.jpg) no-repeat; }
	.bg1{ background-position:5px 0px; }
	.bg2{ background-position:-108px 0px; }
	.bg3{ background-position:5px -120px; }
	.bg4{ background-position:-105px -120px;}
</style>
</head>
<body>
<ul>
	<li class="bg1"></li>
    <li class="bg2"></li>
    <li class="bg3"></li>
    <li class="bg4"></li>
</ul>
</body>
</html>
